import "./index.css"
window.onload = function(){
    (function() {
        var docElem = document.documentElement;
        docElem.style.fontSize = docElem.getBoundingClientRect().width / 16 + "px";
    })()
    var xmlhttp=new XMLHttpRequest();
    var url="http://121.4.127.126:3000/api/mob/query-applicant-result";
    var type="GET";
    xmlhttp.open(type,url,true);//方法，接口，异步
    xmlhttp.send();
    // var data = {
    //     state: 202,                //类型：Number  必有字段  备注：无
    //     result:  {                //类型：Object  必有字段  备注：结果
    //         tel:"mock",                //类型：String  必有字段  备注：无
    //         group: 1,                //类型：Number  必有字段  备注：无
    //         result:1,                //类型：Number  必有字段  备注：进度
    //         time:"2020",                //类型：String  必有字段  备注：下次面试时间
    //         name:"ssss",                //类型：String  必有字段  备注：无
    //         class:"qqq"                //类型：String  必有字段  备注：无
    //     }
    // }
    var obj = {
        '-1': '未报名',
        '100': '已报名未面试',
        '201': '一面',
        '202': '二面',
        '203': '三面',
        '301': '通过一面的面试',
        '302': '通过二面的面试',
        '303': '通过三面的面试',
        '401': '一面未通过',
        '402': '二面未通过',
        '403': '三面未通过',
    }
    console.log(obj);
    xmlhttp.onreadystatechange=function(){
        if(xmlhttp.status==200&&xmlhttp.readyState==4){
            var data = JSON.parse(xmlhttp.responseText); //获取到的json数据
            // console.log(data);
            findGrogress(data);
        }
    }


    var name = document.getElementById("name");
    var number = document.getElementById("number");
    var tel = document.getElementById("tel");
    var derition = document.getElementById("derition");
    var reviw = document.getElementById("reviw");
    var time = document.getElementById("time");
    var bullet1 = document.getElementById("bullet1");
    var bullet2 = document.getElementById("bullet2");
    var bullet3 = document.getElementById("bullet3");
    var loser = document.getElementById('timenotice');
    var elem = document.getElementById("myBar");  //进度条
    name.value = data.result.name; //姓名
    number.value = data.result.class;  //班级
    tel.value = data.result.tel;  //电话
    // 方向
    if(data.result.group == 1){
        derition.value = 'web组';  
    }else if(data.result.group == 2){
        derition.value = '后台组';
    }else if(data.result.group == 3){
        derition.value = '安卓组';
    }else if(data.result.group == 4){
        derition.value = 'IOS组';
    }
    function findGrogress(data){
        var state = data.state;
        console.log(state);
        if((state == 301) || (state ==302) || (state == 303)){
            reviw.innerHTML = obj[state];  //几面
            time.innerHTML = data.result.time;   //面试时间
        }
        if(state == 201){
            loser.innerHTML = '一面的面试结果正在审核，请耐心等待哦！';
        }else if(state == 202){
            elem.style.width = '37%'; 
            bullet1.id = 'bullet';
            loser.innerHTML = '二面的面试结果正在审核，请耐心等待哦！';
        }else if(state == 203){
            elem.style.width = '68%'; 
            bullet1.id = 'bullet';
            bullet2.id = 'bullet';
            loser.innerHTML = '三面的面试结果正在审核，请耐心等待哦！';
        }
        if((state == 301)){
            elem.style.width = '37%'; 
            bullet1.id = 'bullet';
        }else if(state == 302){
            elem.style.width = '68%'; 
            bullet1.id = 'bullet';
            bullet2.id = 'bullet';
        }else if(state == 303){
            loser.innerHTML = '恭喜你完成了所有面试，欢迎加入移动应用开发实验室！'
            elem.style.width = '100%';
            bullet1.id = 'bullet';
            bullet2.id = 'bullet';
            bullet3.id = 'bullet';
        }
        if(state == 401){
            loser.innerHTML = '很遗憾你没有通过一面的面试，不过要继续加油哦！';
        }else if(state == 402){
            elem.style.width = '37%'; 
            bullet1.id = 'bullet';
            loser.innerHTML = '很遗憾你没有通过二面的面试，不过要继续加油哦！';
        }else if(state == 403){
            elem.style.width = '68%'; 
            bullet1.id = 'bullet';
            bullet2.id = 'bullet';
            loser.innerHTML = '很遗憾你没有通过三面的面试，不过要继续加油哦！';
        }
    }   
    // }
    // function findGrogress(data){
    //     if(data.state == 1){
    //         console.log('1');
    //         reviw.innerHTML = data.result.reviw;  //几面
    //         time.innerHTML = data.result.time;   //面试时间
    //         console.log(data.result.reviw);
    //         if(data.result.reviw == "一面"){
    //             elem.style.width = '37%'; 
    //             bullet1.id = 'bullet';
    //         }
    //         else if(data.result.reviw == "二面"){
    //             elem.style.width = '68%'; 
    //             bullet1.id = 'bullet';
    //             bullet2.id = 'bullet';
    //         }
    //         else if(data.result.reviw == "三面"){
    //             loser.innerHTML = '恭喜你完成了所有面试，欢迎加入移动应用开发实验室！'
    //             elem.style.width = '100%';
    //             bullet1.id = 'bullet';
    //             bullet2.id = 'bullet';
    //             bullet3.id = 'bullet';
    //         }
    //     }else{
    //         // console.log(loser);
    //         loser.innerHTML = '很遗憾你没有通过面试，不过要继续加油哦！'
    //     }
        
    // }
};